.canlender-month{
  background-color: #ffffff;
  margin-top: 40rpx;
  .month-canlender-title{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80rpx;
    width: 260rpx;
    margin: auto;
    position: relative;
    .arrow-icon{
      width: 80rpx;
      height: 80rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
    }
    .arrow-icon::after{
      content: '';
      display: block;
      border-top: 12rpx solid transparent;
      border-bottom: 12rpx solid transparent;
      margin: 0 20rpx;
    }
    .left.arrow-icon::after{
      border-right: 12rpx solid transparent;
      border-right-color: #EC7728;
      position: absolute;
      left: 0;
    }
    .left.arrow-icon{
      left: 0;
    }
    .right.arrow-icon{
      right: 0;
    }
    .right.arrow-icon::after{
      border-left: 12rpx solid transparent;
      border-left-color: #EC7728;
      position: absolute;
      left: auto;
      right: 0;
    }
  }
  .month-canlender-content{
    display: flex;
    flex-wrap: wrap;
    width: 660rpx;
    margin: auto;
    padding-bottom: 20rpx;
    .day-item{
      width: 70rpx;
      height: 70rpx;
      border-radius: 50%;
      background-color: #dcdcdc;
      color: #ffffff;
      line-height: 70rpx;
      text-align: center;
      margin: 20rpx;
      font-size: 28rpx;
    }
    .day-item.active{
      background-color: #EC7728;
    }
  }
}
